html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,span,a,b,img,em,del,label,form,
fieldset,input,p,th,td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  margin: 0;padding: 0;
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
th,
em,
i {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
fieldset,
img,
a img {
  border: 0;
}
input,
img {
  vertical-align: middle;
}
input {
  _filter: chroma(color=#000000);
}
button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #666;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Microsoft Yahei!important";
  font-size: 14px;
}
/* public style */
.wp100 {
  width: 100%;

}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.w1400 {
  width: 1400px;
  margin: 0 auto;
  min-width: 1200px;;
}

.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fiexd {
  position: fiexd;
}

.pa-tb-10 {
  padding: 10px 0;
}
.pa-tb-20 {
  padding: 20px 0;
}
.pa-tb-30 {
  padding: 30px 0;
}
.pa-t-10 {
  padding-top: 10px;
}
.pa-t-20 {
  padding-top: 20px;
}
.pa-b-10 {
  padding-bottom: 10px;
}
.pa-b-20 {
  padding-bottom: 20px;
}
.pa-lr-10 {
  padding: 0 10px;
}
.pa-lr-20 {
  padding: 0 20px;
}
.pa-l-10 {
  padding-left: 10px;
}
.pa-l-20 {
  padding-left: 20px;
}
.pa-r-10 {
  padding-right: 10px;
}
.pa-r-20 {
  padding-right: 20px;
}
.pa-all-10 {
  padding: 10px;
}
.pa-all-20 {
  padding: 20px;
}

.ma-tb-10 {
  margin: 10px 0;
}
.ma-bt-20 {
  margin: 20px 0;
}
.ma-t-10 {
  margin-top: 10px;
}
.ma-t-20 {
  margin-top: 20px;
}
.ma-b-10 {
  margin-bottom: 10px;
}
.ma-b-20 {
  margin-bottom: 20px;
}
.ma-lr-10 {
  margin: 0 10px;
}
.ma-lr-20 {
  margin: 0 20px;
}
.ma-l-10 {
  margin-left: 10px;
}
.ma-l-20 {
  margin-left: 20px;
}
.ma-r-10 {
  margin-right: 10px;
}
.ma-r-20 {
  margin-right: 20px;
}
.ma-all-10 {
  margin: 10px;
}
.ma-all-20 {
  margin: 20px;
}

.fo-l {
  float: left;
}
.fo-r {
  float: right;
}
.te-l {
  text-align: left;
}
.te-r {
  text-align: right;
}
.te-c {
  text-align: center;
}
.bg-white {
  background-color: white;
}
.overflow{
  overflow: hidden;
}
.arrow-up{
  width: 0;   
  height: 0;   
  border-left: 10px solid transparent; 
  border-right: 10px solid transparent;
  border-bottom: 10px solid; 
  font-size: 0;  
  line-height: 0;

}
.arrow-right {
  width: 0;   
  height: 0;   
  border-left: 10px solid ;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  font-size: 0;  
  line-height: 0;
}
/* 向下的箭头 */
 
.arrow-down {
  width: 0;   
  height: 0;   
  border-left: 10px solid transparent;  /* 左边框的宽 */  
  border-right: 10px solid transparent; /* 右边框的宽 */  
  border-top: 10px solid ; /* 下边框的长度|高,以及背景色 */  
  font-size: 0;  
  line-height: 0; 
}
/* 向左的箭头 */
 
.arrow-left {
  width: 0;   
  height: 0;   
  border-left: 10px solid transparent;
  border-right: 10px solid;
  border-bottom: 10px solid transparent;
  font-size: 0;  
  line-height: 0;

}
.text-1{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.text-2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.text-4{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}